<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <title>链式调用测试</title>
        <link rel="stylesheet" href="http://code.jquery.com/qunit/qunit-1.14.0.css" type="text/css" media="screen" />
        <script type="text/javascript" src="http://code.jquery.com/qunit/qunit-1.14.0.js"></script>
        <script type="text/javascript” src=”https://getfirebug.com/firebug-lite.js"></script>
        <style type="text/css">
            .js-hover{
                background: #330 !important;
            }
        </style>
    </head>
    <body>
        <a href="javascript:(function(){var d=document, s=d.getElementById('firebug-lite');if(s!=null)return;s=d.createElement('script');s.type='text/javascript';s.src='https://getfirebug.com/firebug-lite.js';d.body.appendChild(s);})();void(0);">firebug-lite</a>
        <h1 id="qunit-header">Qunit chart test</h1>
        <h2 id="qunit-banner"></h2>
        <div id="qunit-testrunner-toolbar"></div>
        <h2 id="qunit-userAgent"></h2>
        <ol id="qunit-tests"></ol>
        <div id="qunit-fixture"></div>
        <!-- chainable test section -->
        <div id="chainable">
            <div id="chainable-header" class="o1">
                <ul id="list">
                    <li class="section class1"></li>
                    <li class="section class2"></li>
                    <li class="section class3"></li>
                    <li class="section class4"></li>
                    <li class="section class5"></li>
                    <li class="section class6"></li>
                    <li class="section class7"></li>
                    <li class="section class8"></li>
                    <li class="section class9"></li>
                    <li class="section class10"></li>
                    <li class="section class11"></li>
                    <li class="section class12"></li>
                    <li class="section class13"></li>
                    <li class="section class14"></li>
                    <li class="section class15"></li>
                    <li class="section class16"></li>
                </ul>
            </div>
            <div id="chainable-body" class="o2"></div>
            <div id="chainable-footer" class="o2"></div>
        </div>
        <div id="chain2">
            <ul class="u1">
                <li class="l11"></li>
                <li class="l12"></li>
                <li class="l13"></li>
            </ul>
            <ul class="u2">
                <li class="l21"></li>
                <li class="l22"></li>
                <li class="l23"></li>
            </ul>
        </div>

        <div id="mani">
            <dl id="mani-dl">
                <dt></dt>
                <dd></dd>
            </dl>
        </div>

        <div id="mani-c">
            <div></div>
            <div></div>
        </div>

        <div id="event">
            <ol>
                <li>哈哈</li>
                <li>哈哈</li>
                <li>哈哈</li>
            </ol>
            <ol>
                <li>哈哈</li>
                <li>哈哈</li>
                <li>哈哈</li>
            </ol>
        </div>

        <div id="nej">
            <div class="style">
                <ul>
                    <li>style1</li>
                    <li>style2</li>
                    <li>style3</li>
                </ul>
            </div>
            <div class="attr"></div>
        </div>

        <div id="html-text">
            <div class="content"></div>
            <div class="content"></div>
            <input type="text"/>
            <textarea></textarea>
        </div> 
        <div id="event-fixture">
            <div class="c1">哈哈哈</div>
            <div class="c2">hahah</div>
        </div>
        <!-- /end chainable -->
        <script src="../../../define.js?pro=./"></script>
        <script type="text/javascript" src="./chainable.test.js"></script>
    </body>
</html>